<template>
	<table>
		<slot></slot>
	</table>
</template>

<script>
</script>

<style lang="scss" scoped>
	table{
		border-collapse: collapse;
		text-align: left;
		width: 100%;
	}
	tbody tr{
		border-top: solid 1px #eee;
		&:hover{
			background: #f9f9f9;
		}
	}
	thead th{
		font-weight: 400;
		color: #999;
	}
	th,td{
		padding: 1em 5px;
		word-wrap: break-word;
	}
</style>
